@section HeadScripts{
    <environment include="Development">
        <link rel="stylesheet" href="~/lib/editor.md/css/editormd.preview.css" />
        <script src="~/lib/editor.md/editormd.js"></script>
        <script src="~/lib/editor.md/lib/marked.min.js"></script>
        <script src="~/lib/editor.md/lib/prettify.min.js"></script>
    </environment>

    <environment exclude="Development">
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/yremp/editormd/css/editormd.preview.css" />
        <script src="https://cdn.jsdelivr.net/gh/yremp/editormd/editormd.js"></script>
        <script src="https://cdn.jsdelivr.net/gh/yremp/editormd/lib/marked.min.js"></script>
        <script src="https://cdn.jsdelivr.net/gh/yremp/editormd/lib/prettify.min.js"></script>
    </environment>
}


<div class="card mb-4 shadow">
    <!--主体-->
    <div class="card-body">
        <div class="p-3">
            <!--标题-->
            <h2 class="card-title font-weight-bold mb-2 mt-3">
                关于
            </h2>
        </div>
        <hr>
        <!--正文-->
        <div id="description" class="font-weight-normal">
            <!--加载动画-->
            <div class="progress-cover progress-cover-primary" id="progress-cover">
                <br />
                <br />
                <div class="progress progress-medium fluent-position">
                    <span class="progress-span"></span>
                    <span class="progress-span"></span>
                    <span class="progress-span"></span>
                    <span class="progress-span"></span>
                    <span class="progress-span"></span>
                    <span class="progress-span"></span>
                </div>
                <br />
                <br />
            </div>
            <!--正文-->
            <textarea style="display: none;">@ViewBag.About</textarea>
        </div>
    </div>
</div>

@section SecondSidebar{
    <!-- 联系方式栏 -->
    @if (ViewBag.Settings["Contacts"] != "[]")
    {
        @(await Component.InvokeAsync("ContactBlock"))
    }
}
@section BottomScripts{
    <script type="text/javascript">
        $(function () {
            var editormdView = editormd.markdownToHTML("description",
                {
                    htmlDecode: true
                });
            $('.progress-cover').css('display', 'none');
        });
    </script>
}